import {defineConfig} from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import viteMdx from './plugins/vite-mdx';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    //插件从↑往↓依次执行
    vue(),
    viteMdx(),
    //↑先让mdx插件解析(有一些markdown的语法我们↓的jsx是识别不了的)
    vueJsx({
      include: /\.(js|ts|md)x$/
    })
  ],
  resolve: {
    alias: {
      // 注意以'/'开头, 表示以整个根项目开始计算路径
      // 并且不仅适用于js 也适用于css文件
      '@styles': '/src/styles',
      'vite-mdx': '/plugins'
    }
  }
})
